/*
  学习目标：useEffect第二个参数的使用
*/
// 1. 先导入useEffect
import React, { useEffect, useState } from 'react'

export default function App() {
    const [count, setCount] = useState(0)
    // 1. [] 代表挂载时，只执行一次
  // useEffect(() => {
  //   console.log('我被执行了  ----->  ');
  // }, []);

  // 2. [依赖项]  代表：挂载时和更新时二合一，相当于componentDidMount和componentDidUpdate二合一
  useEffect(()=>{
      console.log('我被执行了  ----->  ', );
  },[count])  // [依赖项] 🔔 类似vue中的侦听器，开了immediately
  return (
    <div>
        count---{count}
        <button onClick={()=>setCount(count+1)}>点我修改title</button>
    </div>
  )
}
